<template>
    <div class="box">
        <div class="header">
            <van-search v-model="value" show-action placeholder="请输入搜索关键词">
                <template #action>
                    <van-icon name="bars" />
                </template>
                <template #left>
                    <p>SDMA</p>
                </template>
            </van-search>
        </div>
        <div class="meddle">
            <van-tabs v-model:active="activeName">
                <van-tab title="关注" name="a">内容 1</van-tab>
                <van-tab title="推荐" name="b">
                    <dl>
                        <dt><img src="../../assets/rr.png" alt=""></dt>
                        <dd>阿圣诞节啊斯柯达收到啦老大</dd>
                    </dl>
                    <dl>
                        <dt><img src="../../assets/rr.png" alt=""></dt>
                        <dd>阿圣诞节啊斯柯达收到啦老大</dd>
                    </dl>
                    <dl>
                        <dt><img src="../../assets/rr.png" alt=""></dt>
                        <dd>阿圣诞节啊斯柯达收到啦老大</dd>
                    </dl>
                    <dl>
                        <dt><img src="../../assets/rr.png" alt=""></dt>
                        <dd>阿圣诞节啊斯柯达收到啦老大</dd>
                    </dl>
                    <dl>
                        <dt><img src="../../assets/rr.png" alt=""></dt>
                        <dd>阿圣诞节啊斯柯达收到啦老大</dd>
                    </dl>

                     <dl>
                        <dt><img src="../../assets/rr.png" alt=""></dt>
                        <dd>阿圣诞节啊斯柯达收到啦老大</dd>
                    </dl>
                </van-tab>
                <van-tab title="咨询" name="c">内容 3</van-tab>
            </van-tabs>
        </div>
    </div>

</template>
<script setup>
    const activeName = ref('b');
import { ref } from 'vue';
</script>
<style lang="scss">
    *{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    dl dt{
        float: right;
    }
    dl dd{
        float: left;
    }
    dl{
        float: left;
        margin-top: 10px
    }
</style>